#post-content
  h1, h2, h3, h4 ,h5, h6
    border-bottom var(--theme-unimportant-trans) solid 1px
    display flex
  h1
    font-size 1.75em
  h2
    font-size 1.60em
  h3
    font-size 1.45em
  h4
    font-size 1.30em
  h5
    font-size 1.15em
  h6
    font-size 1em


#post-bg
  margin-top 10px
  width 100%
  box-sizing border-box
  padding 20px 30px
  background-color var(--theme-bg-trans1)
  overflow-x auto
  min-height calc(100vh - 20px)
  img
    max-width 100%

#post-title
  flex-wrap wrap
  display flex
  flex-direction row
  justify-content space-between
  align-items center
  h1
    display inline-block
    font-size 2em
  hr
    color var(--theme-unimportant-2)
    position relative
    &:before
      content ''
      width 13%
      height 3px
      display block
      position absolute
      background-color var(--theme-text-light)
      top -3px
      left -1px
#post-info
  text-align right
  time
    color var(--theme-highlight)
  .control
    text-align left
    display inline-block
    width 90px
#post-source span
  color var(--theme-subcolor)
  background-color var(--theme-unimportant-2)

#post-content
  padding-bottom 1em
  table
    width 100%
  .footnote-ref:before
    content ''
    display inline-block
    margin-top -60px
    width 1px
    height 60px
    visibility hidden
  .footnotes li:before
    content ''
    display block
    margin-top -60px
    height 60px
    visibility hidden
  .headerlink
    background-color var(--theme-highlight)
    margin 5px 7px 5px 0
  h1, h2
    &:target .headerlink
      background-color var(--theme-subcolor)
    .headerlink
      padding 0 0 0 6px
  h3, h4 ,h5 ,h6
    &:target .headerlink
      background-color var(--theme-subcolor)
    .headerlink
      padding 0 0 0 5px

#reward
  margin 1em 0
  color var(--theme-text-rev)
  text-align center
  background-color var(--theme-bg-soft)
  &:hover
    background-color var(--theme-bg-soft-hover)
  summary
    background-color var(--theme-subcolor)
  div
    width 45%
    margin 0
    padding 20px 0
    display inline-block
  span
    color var(--theme-highlight)
    padding-right 10px
  img
    width 80%
    max-width 280px
    padding 0 20px

#pages
  padding 5px
  display flex
  justify-content center
  border-top var(--theme-border) solid 2px

.footer-link
  padding 5px
  width 50%
  align-self center
  height 100%
  position relative
